<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body,html{ min-width: 1024px; overflow-x: hidden;}
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none;}
a{ font-size:14px; color:#999; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; }
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1400{ width: 1400px; margin: 0 auto; }
.w1200{ width: 1200px; margin: 0 auto; }
.bg{ background: #f6f6f6;}

.part1{
	width: 100%;
    height: 100%;
    float: left;
    position: relative;
    background: rgba(0,0,0,0.1);
}
.part1_video_float{
	width: 1920px;
    height: 100%;
    position: absolute;
    float: left;
    z-index: -1;
}
.part1_video_float video {
    width: 100%;
    height: 100%;
    float: left;
    outline: none;
    object-fit: fill;
}
.fixtop{
	width: 100%;  
	z-index: 333; 
	position: absolute;
}
.fixtop_ma{
	width: 1400px;
	float: left;
	margin-top: 140px;
}
.logo,.fixtop .p1{ 
	position: relative;
	z-index: 33;
	height: 62px;
}
.logo,.fixtop .p1 img{
	width: 187px;
	height: 58px;
	float: left;
	margin-left: 30px;
}
.menu_one{
	height: 40px;
	float: left;
	margin-top: 9px;
	margin-left: 430px;
}
.menu_one li{ 
	display: inline-block;
	float: left;
	text-align: center;
	height: 40px;
	margin:0 8px;
}
.menu_one li a{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #fff; 
	font-size: 16px;
	padding: 0 12px;
	transition: all 0.5s;
	border-radius: 20px;
}
.menu_one li.active a,.menu_one li:hover a{background: #fff;color: #0027FC;}
.fixtop_menu{
	width: 40px;
	height: 40px;
	float: right;
	margin-right:30px;
	margin-top: 9px;
}
.fixtop_menu a{
	display: inline-block;
	width: 40px;
	float: left;
	height: 40px;
}
.fixtop_menu a img{width: 100%;height: 100%;float: left;}
.part1_fot{
	width: 100%;
	float: left;
	position: absolute;
	bottom: 50px;
}
.part1_fot_ma{width: 1400px;float: left;}
.part1_fot_lf{height: 50px;float: left;}
.part1_fot_lf img{
	width: 28px;
	height: 28px;
	float: left;
	margin-right:11px;
	margin-top:11px;
}
.part1_fot_lf span{
	display: inline-block;
	height: 50px;
	line-height: 50px;
	font-size: 36px;
	color: #FFFFFF;
	float: left;
}
.part1_fot_rt{
	/*width: 52px;*/
	width: 330px
	height: 50px;
	float: left;
	border-radius: 25px;
	overflow: hidden;
	transition: all 0.5s;
	background: #fff;
}
.fot_rt_seach{
	width: 260px;
	height: 50px;
	float: left;
	margin-left: 16px;
}
.fot_rt_seach input{
	width: 100%;
	height: 50px;
	float: left;
	line-height: 50px;
	font-size: 15px;
	color: #333333;
	margin:0;
	padding: 0;
}
.fot_rt_seach input::-webkit-placeholder{font-size: 14px;color: #999999;}
.part1_fot_rt img{
	width: 36px;
	height: 36px;
	float: right;
	margin-top:7px;
	margin-right:16px;
	cursor: pointer;
}
.section1.active .fixtop{ animation-name: fadeInUp;}


.part2{
	width: 100%;
	height: 100%;
	float: left;
	background: url(../../imgs/part2_bg.png) no-repeat;
	background-size: 1920px 1080px;
	background-position: top center;
	position: relative;
	z-index: 10;
}
.part2_ma{width: 1400px;float: left;height: 894px;margin-top: 0;}
.part2_top{
	width: 100%;
	height: 80px;
	float: left;
	position: relative;
}
.part2_top&gt;a{
	display: inline-block;
	width: 40px;
	height: 40px;
	float: right;
	margin-top: 20px;
	overflow: hidden;
	margin-right: 30px;
}
.part2_top&gt;a img{
	width: 100%;
	height: 100%;
	float: left;
	transition: all 0.5s;
}
.part2_top&gt;a:hover img{transform: scale(1.1);}
.part2_bot{
	width: 100%;
	float: left;
	margin-top: 20px;
	position: relative;
}
.part2_bot_lf{
	width: 870px;
	float: left;
	position: relative;
}
.part2_bot_lf img{
	width: 363px;
	height: 123px;
	float: left;
}
.part2_bot_lf_bg{
	width: 870px;
	height: 635px;
	float: left;
	background: url(../../imgs/part2_bot_lf_bg.png) no-repeat;
	background-size: 1130px 635px;
	position: absolute;
	padding-left:260px;
	top:180px;
	left: -260px;
}
.lf_bg_tit{
	width: 565px;
	float: left;
	height: 73px;
	background: url(../../imgs/lf_bg_tit_line.png) no-repeat;
	background-size: 100% 3px;
	background-position: bottom center;
	margin-top: 100px;
}
.lf_bg_tit&gt;p{
	display: inline-block;
	width: 100%;
	height: 67px;
	float: left;
	font-weight: bold;
}
.lf_bg_tit&gt;p img{
	width: 29px;
	height: 40px;
	float: left;
	margin-right:17px;
	margin-top: 13px;
}
.lf_bg_tit&gt;p span{
	display: inline-block;
	height: 67px;
	float: left;
	line-height: 67px;
	font-size: 48px;
	color: #333333;
	letter-spacing: 2px;
}
.lf_bg_tit&gt;p i{
	display: inline-block;
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	color: #333333;
	float: right;
	margin-top: 30px;
	letter-spacing: 2px;
}
.part2_bot_lf_bg&gt;ul{
	width: 320px;
	float: left;
	margin-top: 30px;
}
.part2_bot_lf_bg&gt;ul li{
	width: 320px;
	height: 60px;
	float: left;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 20px;
}
.part2_bot_lf_bg&gt;ul li a{
	display: inline-block;
	width: 100%;
	float: left;
	height: 60px;
	line-height: 60px;
	text-indent: 94px;
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	transition: all 0.5s;
}
.part2_bot_lf_bg&gt;ul li a img{
	width: 44px;
	height: 44px;
	float: left;
	position: absolute;
	left: 30px;
	top: 8px;
	transition: all 0.5s;
}
.part2_bot_lf_bg&gt;ul li a .lf_bg_ico_bg{opacity: 0;}
.part2_bot_lf_bg&gt;ul li a:hover{color: #FFFFFF;background: #0028FF;}
.part2_bot_lf_bg&gt;ul li a:hover .lf_bg_ico{opacity: 0;}
.part2_bot_lf_bg&gt;ul li a:hover .lf_bg_ico_bg{opacity: 1;}
.part2_bot_mid{
	width: 189px;
	height: 189px;
	float: left;
	background: url(../../imgs/part2_bot_mid_bg.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top:302px;
	left: 605.5px;
	z-index: 100;
}
.part2_bot_rg{float: right;position: relative;}
.part2_bot_rg_bg{
	width: 500px;
	height: 635px;
	float: left;
	background: url(../../imgs/part2_bot_rg_bg.png) no-repeat;
	background-size: 1130px 635px;
	position: absolute;
	padding-right: 260px;
	padding-left: 370px;
	top:0;
	right: -260px;
}
.rg_bg_tit{
	width: 501px;
	float: left;
	height: 72px;
	background: url(../../imgs/rg_bg_tit_line.png) no-repeat;
	background-size: 100% 2px;
	background-position: bottom center;
	margin-top: 100px;
}
.rg_bg_tit&gt;p{
	display: inline-block;
	width: 100%;
	height: 67px;
	float: left;
	font-weight: bold;
}
.rg_bg_tit&gt;p i{
	display: inline-block;
	width: 226px;
	height: 30px;
	line-height: 30px;
	font-size: 22px;
	color: #fff;
	float: left;
	margin-top: 30px;
	letter-spacing: 2px;
}
.rg_bg_tit&gt;p span{
	display: inline-block;
	height: 67px;
	float: left;
	line-height: 67px;
	font-size: 48px;
	color: #fff;
	margin-left:23px;
	letter-spacing: 2px;
}
.rg_bg_tit&gt;p img{
	width: 29px;
	height: 40px;
	float: right;
	margin-top: 13px;
}
.part2_bot_rg_bg&gt;ul{
	width: 340px;
	float: right;
	margin-top: 30px;
}
.part2_bot_rg_bg&gt;ul li{
	width: 340px;
	height: 60px;
	float: left;
	border-radius: 8px;
	overflow: hidden;
	margin-top: 20px;
}
.part2_bot_rg_bg&gt;ul li a{
	display: inline-block;
	width: 246px;
	padding-right: 94px;
	float: left;
	height: 60px;
	line-height: 60px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	position: relative;
	text-align:right;
	transition: all 0.5s;
}
.part2_bot_rg_bg&gt;ul li a img{
	width: 44px;
	height: 44px;
	float: left;
	position: absolute;
	right: 30px;
	top: 8px;
	transition: all 0.5s;
}
.part2_bot_rg_bg&gt;ul li a .lf_rg_ico_bg{opacity: 0;}
.part2_bot_rg_bg&gt;ul li a:hover{color: #0028FF;background: #FFFFFF;}
.part2_bot_rg_bg&gt;ul li a:hover .lf_rg_ico{opacity: 0;}
.part2_bot_rg_bg&gt;ul li a:hover .lf_rg_ico_bg{opacity: 1;}
.part2_bot_rg_bot{
	width: 515px;
	height: 104px;
	background: url(../../imgs/part2_bot_rg_bot.png) no-repeat;
	background-size: 515px 104px;
	background-position: center;
	float: left;
	position: absolute;
	top:665px;
	right: 0;
}
.part2_bot_rg_bot&gt;span{
	display: inline-block;
	width: 100%;
	height: 42px;
	float: left;
	font-size: 30px;
	text-align: center;
	color: #0028FF;
	font-weight: 800;
}
.part2_bot_rg_bot&gt;p{
	display: inline-block;
	width: 415px;
	height: 60px;
	line-height: 60px;
	float: left;
	font-size: 24px;
	color: #FFFFFF;
	position: relative;
	padding-left: 100px;
}
.part2_bot_rg_bot&gt;p i{
	display: inline-block;
	width: 36px;
	height: 47px;
	line-height: 1em;
	float: left;
	color: #FFFFFF;
	font-size: 18px;
	position: absolute;
	left: 50px;
	top:11px;
}

.section2.active .part2_bot_lf{ animation-name: fadeInLeftBig;}
.section2.active .part2_bot_mid{ animation-name: rotateIn;}
.section2.active .part2_bot_rg{ animation-name: fadeInRightBig;}


.part3{
	width: 100%;
	height: 100%;
	float: left;
}
.part3_ma{
	width: 1366px;
	float: left;
}
.part3_body{width: 100%;float: left;}
.part3_mas{width: 100%;float: left;}
.part3_mas_top{
	width:100%;
	float: left;
}
.part3_mas_top img{
	width: 363px;
	height: 123px;
	float: left;
}
/*圆弧旋转样式*/
.part3_con{
	width:1366px;
	position: relative;
	z-index: 1;
	float: left;
	height: 660px;
}
.path-slider{
	position: absolute;
	top:0px;
	left:0px;
}
path{
	stroke-width:1px;
	stroke:none;
	fill:none;
}
.slider-item{
	position:absolute;
	left:0px;
	top:0px;
	color:#fff;
	cursor:pointer;
	text-decoration:none;
	outline:none;
	width:190px;
}
/*小图*/
.slider-icon{opacity:1;}
.slider-icon1{
	width:112px;
	height:120px;
	background: url(../../imgs/part3_list1-1.png) no-repeat;
	position: absolute;
	left:0;
	top:0px;
}
.slider-icon2{
	width:115px;
	height:120px;
	background: url(../../imgs/part3_list2-1.png) no-repeat;
	position: absolute;
	left:0;
	top:0px;
}
.slider-icon3{
	width:118px;
	height:120px;
	background: url(../../imgs/part3_list3-1.png) no-repeat;
	position: absolute;
	left:0;
	top:0px;
}
.slider-icon4{
	width:116px;
	height:120px;
	background: url(../../imgs/part3_list4-1.png) no-repeat;
	position: absolute;
	left:0;
	top:0px;
}
/*大图*/
.big-icon{opacity:0;display: none;}
.big-icon1{
	width:232px;
	height:250px;
	background: url(../../imgs/part3_list1.png) no-repeat;
	position: absolute;
	top:0px;
	left:0px;
	animation: heart 1s ease-in-out  infinite alternate;
}
.big-icon2{
	width:240px;
	height:250px;
	background: url(../../imgs/part3_list2.png) no-repeat;
	position: absolute;
	top:0px;
	left:0px;
}
.big-icon3{
	width:246px;
	height:250px;
	background: url(../../imgs/part3_list3.png) no-repeat;
	position: absolute;
	top:0px;
	left:0px;
}
.big-icon4{
	width:242px;
	height:250px;
	background: url(../../imgs/part3_list4.png) no-repeat;
	position: absolute;
	top:0px;
	left:0px;
}
@keyframes heart{
	from{transform:translate(0,0)}
	to{transform:translate(0,10px)}
}
.heart{
	animation: heart 1s ease-in-out infinite alternate;
}

/*默认文字*/
.item-title{
	width: 144px;
	height: 39px;
	float: left;
	position:absolute;
	top:-30px;
	left:100px;
	opacity:1;
	background: url(../../imgs/item-title.png) no-repeat;
	background-size: 100% 100%;
}
.item-title h2{
	display: inline-block;
	width: 136px;
	height: 30px;
	float: left;
	line-height: 30px;
	font-size: 20px;
	color: #333333;
	margin-left: 8px;
	text-align:center;
}
/*当前显示文字*/
.item-sug{
	width: 243px;
	min-height:215px;
	padding-left: 20px;
	position: absolute;
	top:-40px;
	left:250px;
	opacity:0;
	background: url(../../imgs/sug-text_bg.png) no-repeat;
	background-size: 100% 100%;
}
.item-sug span{
	display: inline-block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	font-size: 18px;
	color: #FFD000;
	font-weight: bold;
	margin-top: 2px;
	letter-spacing: 2px;
}
.item-sug ul{width: 100%;float: left;margin-top: 4px;}
.item-sug ul li{
	width: 100%;
	height: 22px;
	line-height: 22px;
	font-size: 16px;
	color: #fff;
	margin-bottom: 4px;
	letter-spacing: 2px;
}
.item-sug ul li img{
	width: 10px;
	height: 12px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}
/*
.section3.active .title_common{ animation-name: fadeInUp;}
.section3.active .part3_con_lf{ animation-name: bounceInLeft;}
.section3.active .part3_tab_con{ animation-name: bounceInRight;}
.section3.active .part3_con_body ul li{ animation-name: fadeInUp;}
*/

.part4{
	width: 100%;
	height: 100%;
	float: left;
	background: url(../../imgs/part4_bg.gif) no-repeat;
	background-size: 100% 100%;
}
.part4_ma{
	width: 1400px;
	float: left;
	position: relative;
}
.part4_ma&gt;img{
	width: 280px;
	height: 430px;
	float: left;
	position: absolute;
	bottom: 0;
	left: 0;
}
.part4_body{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.part4_body_ma{
	width: 1400px;
	float: left;
}
.slideTxtBox{width:1400px; float: left;position: relative;}
.part4_body_top{
	width: 100%;
	float: left;
	margin-bottom:20px;
}
.part4_body_top img{
	width: 445px;
	height: 124px;
	float: left;
}
.slideTxtBox .hd{
	width: 710px;
	float: left; 
}
.slideTxtBox .hd ul{width: 410px;float:right; }
.slideTxtBox .hd ul li{
	width: 100%;
	height: 33px;
	margin-top: 30px;
	float:left; 
	cursor:pointer; 
	position: relative;
}
.slideTxtBox .hd ul li img{
	width: 24px;
	height: 20px;
	float: left;
	position: absolute;
	left: 0;
	top:7px;
	transition: all 0.5s;
}
.slideTxtBox .hd ul li i{
	display: inline-block;
	width: 370px;
	float: left;
	height: 33px;
	line-height: 33px;
	font-size: 24px;
	color: #333;
	padding-left:40px;
	transition: all 0.5s;
}
.slideTxtBox .hd ul li .part4_ico_bg{opacity: 0;}
.slideTxtBox .hd ul li.on .part4_ico_bg{opacity: 1;}
.slideTxtBox .hd ul li.on .part4_ico{opacity: 0;}
.slideTxtBox .hd ul li.on i{color: #0028FF;}
.slideTxtBox .bd{
	width: 690px;
	height: 765px;
	float: left;
}
.part4_list{width: 100%;float: left;position: relative;}
.part4_list_lf{
	width: 540px;
	height: 605px;
	float: right;
	overflow: hidden;
}
.part4_list_lf:hover img{transform:scale(1.2,1.2);}
.part4_list_lf img{
	width: 100%;
	height: 605px;
	float: left;
	transition: all 0.5s;
}
.part4_list_rg{
	width: 690px;
	height: 160px;
	float: left;
	background: #0028FF;
	overflow: hidden;
}
.part4_list_rg p{
	display: inline-block;
	width: 635px;
	float: left;
	line-height: 30px;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 20px;
	letter-spacing: 2px;
}

.slideTxtBox .arrow{
	width: 136px;
	height: 26px;
	float: right;
	position: absolute;
	bottom: 24px;
	right:27px;
	z-index: 10;
}
.slideTxtBox .arrow a{
	display: inline-block;
    width: 26px;
    height: 26px;
    float: right;
    overflow: hidden;
    cursor: pointer;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(../../imgs/part4_ico4.png);
}
.slideTxtBox .arrow .prev{float: left;background-image: url(../../imgs/part4_ico3.png);}
.slideTxtBox .arrow img{
	width: 74px;
	height: 14px;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
}
.section4.active .part4_body_top{ animation-name: fadeInDown;}
.section4.active .slideTxtBox .arrow{ animation-name: fadeIn;animation-delay: 1s;}
.section4.active .part4_body_con{ animation-name: fadeInUpBig;}
.section4.active .slideTxtBox .bd{ animation-name: fadeInUpBig;}
.section4.active .part4_question{ animation-name: zoomIn;}

.part5{
	width: 100%;
	height: 100%;
	float: left;
	background: url(../../imgs/part5_bg.png) no-repeat;
	background-size: 100% 100%;
}
.part5_ma{width: 1400px;float: left;}
.part5_process{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.part5_mas{
	width: 100%;
	float: left;
	background: url(../../imgs/part5_mas_bg.png) no-repeat;
	background-size: 1220px 515px;
	background-position: 0 40px;
	position: relative;
}
.part5_mas_top{width: 100%;float: left;}
.part5_mas_top img{
	width: 652px;
	height: 157px;
	float: left;
}
.part5_con{
	width: 100%;
	height: 600px;
	margin-top: 31px;
	float: left;
}
.part5_con .hd{
	width: 1400px;
	float: left;
	position: relative;
	z-index: 2;
}
.part5_con .hd .part5_nav_lf{
	width: 100%;
	float: left;
	position: relative;
}
.part5_con .hd .part5_nav_lf li{
	width: 172px;
	float: left;
	position: relative;
	margin-left: 22px;
	cursor: pointer;
}
.part5_con .hd .part5_nav_lf li:nth-child(1){margin-left: 14px;}
.part5_con .hd .part5_nav_lf li:nth-child(5),.part5_con .hd .part5_nav_lf li:nth-child(6){margin-top: -136px;}
.part5_con .hd .part5_nav_lf li:last-child{width: 239px;margin-left: 4px;}
.part5_con .hd .part5_nav_lf li:last-child span{
	width: 40px;
	height: 105px;
	top:30px;
	left: 9px;
}
.part5_con .hd .part5_nav_lf li:last-child img{
	width: 179px;
	height: 178px;
	margin-top:0;
	margin-left: 59px;
}
.part5_con .hd .part5_nav_lf li span{
	width: 105px;
	height: 40px;
	border-radius: 20px;
	float: left;
	position: absolute;
	top: 0px;
	left: 22px;
}
.part5_con .hd .part5_nav_lf li span i{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 26px;
	float: left;
	border:2px solid #333333;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border-radius: 30px;
	color: #333333;
}
.part5_con .hd .part5_nav_lf li img{
	width: 148px;
	float: left;
	height: 208px;
	margin-top: 48px;
	transition: all 0.5s;
}
.part5_nav_li{
	width: 220%;
	float: left;
	position: absolute;
	top:48px;
	left: 0;
	background-image:url(../../imgs/part5_nav_li_bg.png);
	background-repeat:  no-repeat;
	background-size: 20px 30px;
	background-position: 64px 0;
	transition: all 0.5s;
	opacity: 0;
	z-index: 100;
}
.part5_nav_li i{
	display: inline-block;
	width: 100%;
	height: 30px;
	float: left;
	line-height: 30px;
	font-size: 12px;
	color: #333333;
	text-align: center;
	margin-top:30px;
	background:#FFD000;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}
.part5_nav_li p{
	display: inline-block;
	float: left;
	line-height: 18px;
	font-size: 12px;
	color: #333333;
	padding: 0 8px;
	padding-top: 9px;
	padding-bottom:30px;
	background: #fff;
	border:1px solid #FFD000;
	border-top:0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.part5_con .hd .part5_nav_lf li:last-child .part5_nav_li{
	width: 179px;
	background-image:url(../../imgs/part5_nav_li_bg2.png);
	background-size: 42px 20px;
	background-position: 0 center;
	left: 59px;
	top: -104px;
}
.part5_con .hd .part5_nav_lf li:last-child .part5_nav_li i{width: 148px;float: right;margin-top: 0;}
.part5_con .hd .part5_nav_lf li:last-child .part5_nav_li p{width: 130px;float: right;}
.part5_con .hd .part5_nav_lf li.on span{background: #0028FF;}
.part5_con .hd .part5_nav_lf li.on img{opacity: 0;}
.part5_con .hd .part5_nav_lf li.on .part5_nav_li{opacity: 1;}
.part5_con .hd .part5_nav_lf li.on span i{color: #fff;border:2px solid #fff;}

.part5_con .hd .part5_nav_rg{
	width: 100%;
	float: right;
	transform: rotate(180deg);
	margin-top:63px;
	position: relative;
}
.part5_con .hd .part5_nav_rg li{
	width: 172px;
	margin-right: 22px;
	float: left;
	cursor: pointer;
	position: relative;
	transform: rotate(-180deg);
}
.part5_con .hd .part5_nav_rg li span{
	width: 105px;
	height: 40px;
	border-radius: 20px;
	float: left;
	position: absolute;
	top: 0px;
	left: 22px;
}
.part5_con .hd .part5_nav_rg li span i{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 26px;
	float: left;
	border:2px solid #333333;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	border-radius: 30px;
	color: #333333;
}
.part5_con .hd .part5_nav_rg li img{
	width: 148px;
	float: left;
	height: 208px;
	margin-top: 48px;
	transition: all 0.5s;
}
.part5_con .hd .part5_nav_rg li:last-child{margin-right: 14px;}
.part5_con .hd .part5_nav_rg li:nth-child(1){position: absolute;top:98px;left: 240px;}
.part5_con .hd .part5_nav_rg li.on span{background: #0028FF;}
.part5_con .hd .part5_nav_rg li.on span i{color: #fff;border:2px solid #fff;}
.part5_con .hd .part5_nav_rg li.on img{opacity: 0;}
.part5_con .hd .part5_nav_rg li.on .part5_nav_li{opacity: 1;}



.part5_con .bd{float: left;position: absolute;z-index: 1;}
.part5_con_list{
	width: 520px;
	height: 310px;
	float: left;
	margin-left:340px;
	margin-top: 180px;
}
.part5_con_list p{
	display: inline-block;
	width: 465px;
	float: left;
	font-size: 18px;
	color: #fff;
	font-weight: 500;
	line-height: 1.6em;
}

.section5.active .part5_mas_top{ animation-name: fadeInDownBig;}
/*.section5.active .part5_con{ animation-name: zoomIn;animation-delay: 0.1s;}*/

.part6{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
}
.part6_video_float{
	width: 1920px;
    height: 100%;
    position: absolute;
    float: left;
    z-index: -1;
}
.part6_video_float video{
	width: 100%;
    height: 100%;
    float: left;
    outline: none;
    object-fit: fill;
}
.part6_ma{width: 1400px;float: left;}
.part6_partner{
	width: 100%;
	float: left;
	margin-top: 30px;
}
.part6_mas{
	width: 1400px;
	float: left;
}
.part6_mas_top{
	width: 100%;
	float: left;
}
.part6_mas_top img{
	width: 371px;
	height: 123px;
	float: left;
}
.part6_partner_con{
	width: 100%;
	height: 600px;
	float: left;
	margin-top: 17px;
	position: relative;
}
.part6_partner_list{
	position: absolute;
	float: left;
	background: url(../../imgs/part6_partner_list.png) no-repeat;
	background-size: 100% 100%;
}
.part6_partner_list a{
	width: 100%;
	height: 100%; 
	float: left;
	position: relative;
	overflow: hidden;
}
.part6_partner_list a img{position: absolute;width: 80%;}
.part6_partner_list:nth-child(1){width: 214px;height: 236px;left: 0px;top:167px;}
.part6_partner_list:nth-child(2){width: 232px;height: 256px;left: 297px;top:360px;}
.part6_partner_list:nth-child(3){width: 260px;height: 286px;left: 570px;top:0px;}
.part6_partner_list:nth-child(4){width: 232px;height: 256px;right: 364px;top: 294px;}
.part6_partner_list:nth-child(5){width: 214px;height: 236px;right: 0;top: 285px;}
.part6_partner_phone{
	width: 100%;
	height: 80px;
	float: left;
	margin-top: 60px;
}
.part6_partner_phone p{
	display: inline-block;
	width: 840px;
	height: 80px;
	float: left;
	background: #fff;
}
.part6_partner_phone p span{
	display: inline-block;
	width: 240px;
	height: 80px;
	line-height: 80px;
	float: left;
	background: #FFD000;
	font-size: 46px;
	color: #0028FF;
	font-weight: bold;
	text-align: center;
}
.part6_partner_phone p i{
	display: inline-block;
	width: 300px;
	float: left;
	height: 80px;
	line-height: 80px;
	font-size: 36px;
	color: #0028FF;
	font-weight: bold;
	text-align: center;
}
.section6.active .part6_mas_top{ animation-name: fadeInDownBig;}
.section6.active .part6_partner_list{ animation-name: bounce;}

.part7{
	width: 100%;
	height: 100%;
	float: left;
	background: url(../../imgs/part7_bg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.part7_ma{width: 1400px;float: left;}
.part7_body{width: 100%;float: left;margin-top: 30px;}
.part7_mas{width: 1400px;float: left;}
.part7_mas_top{
	width: 100%;
	float: left;
}
.part7_mas_top img{
	width: 373px;
	height: 123px;
	float: left;
}
.part7_news{
	width: 100%;
	height: 597px;
	float: left;
	position: relative;
	margin-top: 35px;
}
.part7_news&gt;.hd{
	width: 100%;
	height: 40px;
	float: left;
	position: absolute;
	bottom: 0;
}
.part7_news&gt;.hd&gt;span{
	width: 810px;
	float: left;
	height: 2px;
	background: #999999;
	margin-top: 19px;
}
.part7_news&gt;.hd ul{float: right;}
.part7_news&gt;.hd ul li{
	width: 120px;
	height: 40px;
	float: left;
	line-height: 40px;
	font-size: 20px;
	color: #333333;
	text-align: center;
	background: #FFD000;
	margin-right: 20px;
	cursor: pointer;
	transition: all 0.5s;
}
.part7_news&gt;.hd ul li:last-child{margin-right: 0;}
.part7_news&gt;.hd ul li.on,.part7_news&gt;.hd ul li:hover{background: #0028FF;color: #fff;font-weight: bold;}
.part7_news&gt;.bd{width: 100%;float: left;}
.part7_news_child{
	width: 100%;
	float: left;
}
.part7_news_hd{
	width: 555px;
	float: left;
}
.part7_news_hd ul{width: 100%;float: left;}
.part7_news_hd ul li{
	width: 100%;
	height: 40px;
	float: left;
	position: relative;
	cursor: pointer;
	background-size: 555px 40px;
	margin-top: 12px;
	transition: all 0.5s;
}
.part7_news_hd ul li:nth-child(1){margin-top: 0px;}
.part7_news_hd ul li span{
	display: inline-block;
	width: 506px;
	height: 39px;
	line-height: 40px;
	font-size:20px;
	color: #333333;
	margin-left:15px;
	border-bottom: 1px solid #999999;
	transition: all 0.5s;
}
.part7_news_hd ul li i{
	display: inline-block;
	width: 96px;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	color: #999999;
	position: absolute;
	right: 34px;
	top:0;
	text-align: right;
}
.part7_news_hd ul li:hover,.part7_news_hd ul .part7_news_hd_active{background-image: url(../../imgs/part7_news_hd.png);}
.part7_news_hd ul li:hover span,.part7_news_hd ul .part7_news_hd_active span{border:0;color: #fff;} 
.part7_news_bd{
	width: 824px;
	height: 600px;
	float: right;
	position: relative;
	background:url(../../imgs/part7_news_bd_bg.png) no-repeat;
	background-size: 100% 100%;
	margin-top: -93px;
}
.part7_news_bd_con{
	width: 100%;
	height: 500px;
	float: left;
	position: absolute;
	top:0;
	left: 0;
	opacity: 0;
	transition: all 0.5s;
}
.part7_news_bd .part7_news_bd_con_active{opacity: 1;}
.part7_news_bd_con img{
	width: 484px;
	height: 300px;
	float: left;
	margin-top: 32px;
	margin-left:28px;
}
.part7_news_bd_con a{
	display: inline-block;
	width: 120px;
	height: 40px;
	float: left;
	margin-top: 148px;
	line-height: 40px;
	font-size: 24px;
	text-align: center;
	background: #0028FF;
	font-weight: bold;
	margin-left:20px;
	color: #fff;
}
.part7_news_bd_txt{
	width: 100%;
	float: left;
	position: relative;
}
.part7_news_bd_txt span{
	position: absolute;
	width: 253px;
	height: 79px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	right: 43px;
	top:-98px;
	line-height: 1.5em;
}
.part7_news_bd_txt p{
	width: 702px;
	height: 209px;
	float: left;
	font-size:14px;
	color: #333333;
	margin-left: 76px;
	margin-top: 20px;
	line-height: 27px;
	text-indent:2em;
}
.section7.active .part7_mas_top{ animation-name: fadeInDownBig;}
.section7.active .part7_news_hd{ animation-name: rotateInDownLeft;}
.section7.active .part7_news_bd{ animation-name: rotateInDownRight;}
.section7.active .part7_news&gt;.hd ul li{ animation-name: fadeInLeft;}
.section7.active .part7_news&gt;.hd&gt;span{animation: part7NewsLine 5s;}
@keyframes part7NewsLine
{
    0%   {width: 154px;}
    100% {width: 810px;}
}

.part8{
	width: 100%;
	height: 100%;
	float: left;
	background: url(../../imgs/part8_bg.png) no-repeat;
	background-size: 1920px 1080px;
	background-position: bottom center;
	position: relative;
}
.part8_ma{width: 1400px;float: left;height: 880px;}
.part8_con{width: 100%;float: left;margin-top: 30px;}
.part8_mas{width: 1400px;float: left;}
.part8_mas_top{
	width: 100%;
	float: left;
}
.part8_mas_top img{
	width: 446px;
	height: 123px;
	float: left;
}
.part8_body{
	width: 100%;
	float: left;
}
.part8_body_lf{
	width: 472px;
	float: left;
}
.part8_body_lf img{
	width: 100%;
	height: 72px;
	float: left;
	margin-top: 65px;
}
.part8_body_lf p{
	display: inline-block;
	width: 100%;
	float: left;
	line-height: 30px;
	font-size: 20px;
	color: #fff;
	margin-top: 36px;
}
.part8_body_lf span{
	display: inline-block;
	width: 472px;
	height: 110px;
	background: #FFD000;
	float: left;
	margin-top: 48px;
}
.part8_body_lf span img{
	width: 93px;
	height: 83px;
	float: left;
	margin:14px 22px;
}
.part8_body_lf span i{
	display: inline-block;
	width: 310px;
	height: 101px;
	float: left;
	line-height: 50px;
	font-size: 40px;
	color: #262626;
	margin-top: 5px;
}
.part8_body_rg{
	width: 790px;
	height: 399px;
	float: right;
	background: url(../../imgs/part8_body_rg_bg.png) no-repeat;
	background-size: 100% 100%;
	position: relative;
	margin-top: -30px;
}
.part8_body_img2{
	width: 11px;
	height: 135px;
	float: left;
	position: absolute;
	left: -38px;
	bottom: 20px;
	animation: SlidingLine 1s infinite;
}
@keyframes SlidingLine
{
    0%   {bottom: 20px;}
    25%  {bottom: 15px;}
    50%  {bottom: 10px;}
    80%  {bottom: 5px;}
    100% {bottom: 0px;}
}
.part8_body_img3{
	width: 784px;
	height: 21px;
	float: left;
	position: absolute;
	top:-21px;
	left: 3px;
}
.part8_body_img4{
	width: 787px;
	height: 36px;
	float: left;
	position: absolute;
	bottom:-35px;
	left: 0px;
}
.part8_body_rg_msg{
	width: 750px;
	height: 371px;
	float: left;
	padding: 14px 20px;
}
.part8_body_rg_msg_ma{width: 470px;float: left;}
.part8_body_rg_msg_ma i{
	width: 100%;
	float: left;
	margin-top: 20px;
}
.part8_body_rg_msg_ma i img{width: 309px;height: 33px;float: left;}
.part8_body_rg_msg_ma input{
	width: 100%;
	height: 48px;
	float: left;
	line-height: 48px;
	font-size: 20px;
	color: #333;
	outline: none;
	border-bottom: 1px solid #707070;
	font-weight: bold;
	margin-top: 5px;
}
.part8_body_rg_msg_ma input:nth-child(2){margin-top: 20px;}
.part8_body_rg_msg_ma input::-webkit-input-placeholder{font-size: 20px;color: #333;}
.part8_body_rg_msg_ma textarea{
	width: 100%;
	height: 80px;
	float: left;
	border:0px;
	outline: none;
	font-size: 20px;
	color: #333;
	line-height:48px;
	resize: none;
	margin-top: 5px;
	border-bottom: 1px solid #707070;
	font-weight: bold;
}
.part8_body_rg_msg_ma textarea::-webkit-input-placeholder{font-size: 20px;color: #333;}
.reservation{
	width: 100%;
	float: left;
	height: 40px;
	margin-top: 30px;
}
.reservation a{
	width: 120px;
	float: left;
	height: 40px;
	background: url(../../imgs/part8_body_img6.gif) no-repeat;
	background-size: 100% 100%;
}
.part8_footer{
	width: 100%;
	float: left;
	margin-top: 56px;
}
.part8_footer_ma{width: 100%;float: left;}
.footer_logo{
	width: 358px;
	float: left;
}
.footer_logo img{
	width: 210px;
	height: 78px;
	float: left;
	margin-top: 53px;
}
.footer_menu{
	width: 702px;
	float: left;
	margin-top: 44px;
}
.footer_menu_list{float: left;width: 234px;}
.footer_menu_list span{
	display: inline-block;
	width: 100%;
	float: left;
	height: 25px;
	line-height: 25px;
	font-size: 18px;
	color: #333;
	font-weight: bold;
}
.footer_menu_list span i{
	display: inline-block;
	width: 4px;
	height: 24px;
	float: left;
	background: #333;
	margin-right: 10px;
}
.footer_menu_list ul{width: 100%;float: left;margin-top: 16px;}
.footer_menu_list ul li{
	width: 100%;
	float: left;
	height: 16px;
	margin-top: 16px;
}
.footer_menu_list ul li:nth-child(1){margin-top: 0;}
.footer_menu_list ul li a{
	display: inline-block;
	height: 16px;
	line-height: 16px;
	float: left;
	font-size: 14px;
	color: #333333;
	text-indent: 14px;
	transition: all 0.5s;
}
.footer_menu_list ul li a:hover{color: #FFD000;}
.footer_code{
	width: 150px;
	float: right;
	height: 150px;
	margin-top: 37px;
}
/*{
	animation: myfirst4 10s SlidingLine;
}
@keyframes SlidingLine
{
    0%   {}
    25%  {}
    50%  {}
    80%  {}
    100% {}
}*/
.footer_code img{width: 100%;height: 100%;float: left;}
.section8.active .part8_mas_top{ animation-name: fadeInDownBig;}
.section8.active .part8_body_lf{ animation-name: fadeInLeftBig;}
.section8.active .part8_body_rg{ animation-name: swing;}
.section8.active .part8_footer{ animation-name: fadeInUpBig;}


/*弹出导航*/
.nav_none{
	width: 766px;
	height: 60px;
	background: #0028FF;
	float: left;
	position: absolute;
	right: 0px;
	top:10px;
	display: none;
}
.nav_none&gt;a{
	width: 62px;
	height: 60px;
	float: right;
}
.nav_none&gt;a img{
	width: 25px;
	float: left;
	height: 25px;
	transition: all 0.5s;
}
.nav_none&gt;a:hover img{transform: rotate(180deg);}
.nav_none&gt;ul{
	width: 640px;
	height: 60px;
	float: left;
	padding: 0 32px;
}
.nav_none&gt;ul li{
	height: 40px;
	float: left;
	margin-top: 10px;
}
.nav_none&gt;ul li a{
	display: inline-block;
	padding: 0 12px;
	float: left;
	height: 40px;
	line-height: 40px;
	font-size: 16px;
	border-radius: 20px;
	color: #fff;
	text-align: center;
	transition: all 0.5s;
}
.nav_none&gt;ul li a:hover{background: #fff;color: #0028FC;}
.part3 .nav_none,.part5 .nav_none,.part6 .nav_none,.part8 .nav_none{background: #FED000;}
.part3 .nav_none&gt;ul li a,.part5 .nav_none&gt;ul li a,.part6 .nav_none&gt;ul li a,.part8 .nav_none&gt;ul li a{color: #333333;}
.part3 .nav_none&gt;ul li a:hover,.part5 .nav_none&gt;ul li a:hover,.part6 .nav_none&gt;ul li a:hover,.part8 .nav_none&gt;ul li a:hover{background: #0128FF;color: #fff;}

/*留言板*/
.msgs{
	width: 100%;
	float: left;
	position: fixed;
	top: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.5);
	z-index: 999;
	display: none;
}
.msgs_body{
	width: 100%;
	height: 100%;
	float: left;
}
.msgs_ma{
	width: 636px;
	float: left;
	background: #FFFFFF;
	padding: 0 32px;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);
	border-radius: 16px;
}
.msgs_ma&gt;h2{
	display: inline-block;
	width: 100%;
	height: 106px;
	line-height: 106px;
	font-size: 44px;
	font-weight: 500;
	color: #104EC0;
	text-align: center;
	float: left;
	position: relative;
	letter-spacing: 5px;
}
.msgs_ma&gt;h2 i{
	width: 44px;
	height: 106px;
	float: left;
	position: absolute;
	right: 0px;
	top:0px;
	cursor: pointer;
}
.msgs_ma&gt;h2 i img{width: 44px;height: 44px;float: left;}
.msgs_ma label{
	width: 100%;
	float: left;
	position: relative;
	background: #F5F5F5;
	margin-bottom: 20px;
}
.msgs_ma label span{
	display: inline-block;
	width: 146px;
	height: 70px;
	line-height: 70px;
	float: left;
	font-size: 25px;
	color: #104EC0;
	text-align: center;
}
.msgs_ma label input{
	width: 490px;
	height: 70px;
	float: left;
	line-height: 70px;
	font-size: 24px;
	color: #333;
	margin: 0;
	padding: 0;
	outline: none;
}
.msgs_ma label input::-webkit-input-placeholder{font-size: 24px;color: #ccc;}
.msgs_ma label:nth-child(5) span{position: absolute;left: 0px;top:0;z-index: 999;background: #F5F5F5;}
.msgs_ma label textarea{
	width: 100%;
	height: 203px;
	float: left;
	border:0px;
	outline: none;
	text-indent: 146px;
	font-size: 24px;
	color: #333;
	line-height:70px;
	background: #F5F5F5;
	resize: none;
}
.msgs_ma label textarea::-webkit-input-placeholder{font-size: 24px;color: #ccc;}
.msgs_ma a{
	display: inline-block;
	width: 100%;
	height: 70px;
	line-height: 70px;
	font-size: 30px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	background: #104EC0;
	margin-bottom:32px;
}





</pre></body></html>